body
{
    font-family: arial, helvetica, sans-serif;
    font-size: 10pt;
}

.roadtripmap
{
	position:absolute;
    width:100%;
    height:100%;
}

.hidden 
{
	display:none;
}

.pinIconStyle
{
}

.pinTitleStyle
{
    font-family:arial, helvetica, sans-serif;
    font-size:8pt !important;
}

.pinDetailsStyle
{
    font-family:arial, helvetica, sans-serif;
    font-size:8pt;
    font-weight:normal;
    text-align:left;
}

.pinTitleSytleMulti
{
    font-family:arial, helvetica, sans-serif;
    font-size:8pt !important;
}

.pinDetailsStyleMulti
{
    font-family:arial, helvetica, sans-serif;
    font-size:8pt !important;
}

.pinImageMulti
{
    margin: 2px;
    border: 1px solid black;
    vertical-align:top;
}

.pinImageArrayCell
{
	padding: 1px;
	border-collapse: collapse;
	vertical-align:bottom;
}

.loading_panel
{
	position: absolute;
	width: auto;
	background-color: #ffffcc;
	border: #6666ff 1px solid;
}
.loading_text
{
	font-family: arial, helvetica;
	vertical-align:middle;
}
.loading_img
{
	margin:3px;
	border:none;
	width:16px;
	height:16px;
	vertical-align:middle;
}

.input_area 
{
	border: solid 1px #a0a0a0;
	width: 300px;
	height: 120px;
	background-color: #ffffcc;
	padding: 5px;
}

.input_area .user_input 
{
	width: 380px;
}
.userinput 
{
	width: 280px;
}
.input_area .photoset_input 
{
	width: 280px;
	margin-bottom: 3px;
}

#toolpanel {position:absolute;left:0px;bottom:0px;z-index:1000;background:white;padding:4px;border: 1px solid black; visibility:visible} 
.infopanel {position:absolute;left:10px;top:340px;width:150px;height:20px;z-index:1000;} 
 .button {cursor:pointer;  border: 1px solid black;width:80px; padding:2px; background: Menu;}
 .button2 {cursor:pointer;  border: 1px solid black;width:95px; padding:2px; background:Menu;}
.button3 {cursor:pointer;  border: 1px solid black;width:100px; padding:2px; background:Menu;}
.buttoncreate {cursor:pointer; position:absolute;bottom:0px;  text-align:center; border: 1px solid black;width:65px; padding:2px; background:Menu;}
 .buttonedit {cursor:pointer; position:absolute;bottom:0px; text-align:center; left:70px; border: 1px solid black;width:65px; padding:2px;  background:Menu;}
 .buttondelete {cursor:pointer; position:absolute;bottom:0px;  text-align:center;  left:140px; border: 1px solid black;width:65px; padding:2px; background:Menu;}
 .buttonview {cursor:pointer; position:absolute;bottom:0px;  text-align:center;  left:210px; border: 1px solid black;width:65px; padding:2px; background:Menu;}

 #pushpinpanel {position:absolute;left:0px;bottom:0px; width:290px; height:210px; z-index:1000;background: url(images/splash.png) no-repeat;padding:4px;border: 1px solid black; visibility:hidden} 
.closebutton {cursor:pointer; border: 1px solid black;width:10px;height:10px; position:absolute;left:280px; top:0px;  padding:2px; background:Menu; }
 .removepushpin {cursor:pointer; position:absolute; bottom:0px;  left:0px;  display:list-item; color: blue; padding:2px; background:Menu;}
 #RouteList { width: 280px;  height:50px;  }
 
 .buttoncreate2 { position:absolute;bottom:0px;   text-align:center; border: 1px solid black;width:65px; padding:2px; background:Gray;visibility:hidden;}
 .buttonedit2 { position:absolute;bottom:0px; text-align:center; left:70px; border: 1px solid black;width:65px; padding:2px;  background:Gray;}
 .buttondelete2 { position:absolute;bottom:0px;  text-align:center;  left:140px; border: 1px solid black;width:65px; padding:2px; background:Gray;}
 .buttonview2 { position:absolute;bottom:0px;  text-align:center;  left:210px; border: 1px solid black;width:65px; padding:2px; background:Gray;}



.myTitle {
	position:relative;
	width:100%;
	margin:5px 0px 0px 5px;
	text-align:center;
	font-family:Freestyle Script, Times New Roman;
	font-weight:100;
	font-size:30pt;
	color:ButtonShadow;
	text-decoration:blink;
	}

.myLogo {
	position:relative;
	width:400px;
	height:50px;
	margin:5px 0px 0px 5px;
	font-family:Lucida Handwriting, Times New Roman;
	font-weight:100;
	font-size:42pt;
	color:Green;
	text-decoration: overline blink;
	}

.myTagLine 
{
	position:fixed;
	top:70px;
	width:150px;
	height:86px;
	margin:5px 0px 0px 5px;
	font-family:Lucida Handwriting, Times New Roman;
	font-weight:500;
	font-size: medium;
	color:navy;
}
	
.myFooter {
	visibility:hidden;
    position:       absolute;
	bottom:0px;
	left:0px;
    height:         94px;
    width:          100%;
    background: url(images/gradbottom.png) repeat-x;
}
.myFooter table {
	margin:30px 10px 0px 10px;
}
.myFooter a,
.myFooter img,
.myFooter td {
	font-size:10px;
	font-family:Verdana;
	color:#777;
	border:none;
}


/* for the "splash" screen (i.e. the white popup alert box) */
.mySplash {
    position:absolute;
	top:100px;
	left:220px;
	width:400px;
	height:400px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image, src='images/splash.png', enabled=true);
    background: url(images/splash.png) no-repeat;
}

.splashInner {
    position:absolute;
	top:100px;
	left:220px;
	padding:33px 56px 36px 56px;
	width:288px;
	height:298px;
	font-family: "Comic Sans MS", "Segoe UI", Verdana, sans-serif;
	color:#526193;
	font-size:11px;
}

.splashInner p{
	margin:2px 0px 5px 0px;
}

.splashInner .splashTitle {
	position:relative;
	height:80px;
	font-size:2em;
	font-family: "Segoe UI", Verdana, sans-serif;
	color:#333333;
	xfont-weight:bold;
	overflow:auto;
}
.splashInner .splashText {
	position:relative;
	height:178px;
	overflow:auto;
}
.splashInner .splashButton {
	position:relative;
	margin-top:5px;
	text-align:center;
}
.splashInner .splashButton button{
	position:relative;
	padding:0px 5px;
}


